{% extends 'common/cms_base.html'%}

{% block title %}{% endblock %}

{% block head %}{% endblock %}

{% block content-header %}{% endblock %}

{% block content %}
	<div class="content-wrapper" style="min-height: 946px;">
	    <!-- Content Header (Page header) -->
	    <section class="content-header">
	      <h1>
	        Mailbox
	        <small>13 new messages</small>
	      </h1>
	      <ol class="breadcrumb">
	        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
	        <li class="active">Mailbox</li>
	      </ol>
	    </section>

	    <!-- Main content -->
	    <section class="content">
	      <div class="row">
	        <div class="col-md-3">
	          <a href="compose.html" class="btn btn-primary btn-block margin-bottom">Compose</a>

	          <div class="box box-solid">
	            <div class="box-header with-border">
	              <h3 class="box-title">Folders</h3>

	              <div class="box-tools">
	                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
	                </button>
	              </div>
	            </div>
	            <div class="box-body no-padding">
	              <ul class="nav nav-pills nav-stacked">
	                <li class="active"><a href="#"><i class="fa fa-inbox"></i> Inbox
	                  <span class="label label-primary pull-right">12</span></a></li>
	                <li><a href="#"><i class="fa fa-envelope-o"></i> Sent</a></li>
	                <li><a href="#"><i class="fa fa-file-text-o"></i> Drafts</a></li>
	                <li><a href="#"><i class="fa fa-filter"></i> Junk <span class="label label-warning pull-right">65</span></a>
	                </li>
	                <li><a href="#"><i class="fa fa-trash-o"></i> Trash</a></li>
	              </ul>
	            </div>
	            <!-- /.box-body -->
	          </div>
	          <!-- /. box -->
	          <div class="box box-solid">
	            <div class="box-header with-border">
	              <h3 class="box-title">Labels</h3>

	              <div class="box-tools">
	                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
	                </button>
	              </div>
	            </div>
	            <div class="box-body no-padding">
	              <ul class="nav nav-pills nav-stacked">
	                <li><a href="#"><i class="fa fa-circle-o text-red"></i> Important</a></li>
	                <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> Promotions</a></li>
	                <li><a href="#"><i class="fa fa-circle-o text-light-blue"></i> Social</a></li>
	              </ul>
	            </div>
	            <!-- /.box-body -->
	          </div>
	          <!-- /.box -->
	        </div>
	        <!-- /.col -->
	        <div class="col-md-9">
	          <div class="box box-primary">
	            <div class="box-header with-border">
	              <h3 class="box-title">Inbox</h3>

	              <div class="box-tools pull-right">
	                <div class="has-feedback">
	                  <input type="text" class="form-control input-sm" placeholder="Search Mail">
	                  <span class="glyphicon glyphicon-search form-control-feedback"></span>
	                </div>
	              </div>
	              <!-- /.box-tools -->
	            </div>
	            <!-- /.box-header -->
	            <div class="box-body no-padding">
	              <div class="mailbox-controls">
	                <!-- Check all button -->
	                <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i>
	                </button>
	                <div class="btn-group">
	                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
	                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
	                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
	                </div>
	                <!-- /.btn-group -->
	                <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
	                <div class="pull-right">
	                  1-50/200
	                  <div class="btn-group">
	                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
	                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
	                  </div>
	                  <!-- /.btn-group -->
	                </div>
	                <!-- /.pull-right -->
	              </div>
	              <div class="table-responsive mailbox-messages">
	                <table class="table table-hover table-striped">
	                  <tbody>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"></td>
	                    <td class="mailbox-date">5 mins ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">28 mins ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">11 hours ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"></td>
	                    <td class="mailbox-date">15 hours ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">Yesterday</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">2 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">2 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"></td>
	                    <td class="mailbox-date">2 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"></td>
	                    <td class="mailbox-date">2 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"></td>
	                    <td class="mailbox-date">2 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">4 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"></td>
	                    <td class="mailbox-date">12 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">12 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">14 days ago</td>
	                  </tr>
	                  <tr>
	                    <td><div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="checkbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div></td>
	                    <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
	                    <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
	                    <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...
	                    </td>
	                    <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
	                    <td class="mailbox-date">15 days ago</td>
	                  </tr>
	                  </tbody>
	                </table>
	                <!-- /.table -->
	              </div>
	              <!-- /.mail-box-messages -->
	            </div>
	            <!-- /.box-body -->
	            <div class="box-footer no-padding">
	              <div class="mailbox-controls">
	                <!-- Check all button -->
	                <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i>
	                </button>
	                <div class="btn-group">
	                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
	                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
	                  <button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
	                </div>
	                <!-- /.btn-group -->
	                <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
	                <div class="pull-right">
	                  1-50/200
	                  <div class="btn-group">
	                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
	                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
	                  </div>
	                  <!-- /.btn-group -->
	                </div>
	                <!-- /.pull-right -->
	              </div>
	            </div>
	          </div>
	          <!-- /. box -->
	        </div>
	        <!-- /.col -->
	      </div>
	      <!-- /.row -->
	    </section>
	    <!-- /.content -->
	</div>
{% endblock %}